<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/page.js"></script>
</head>
<body>
<div class="page">
    <div style="display: flex">
        <div> 总条数<span id="total"></span>条</div>
        <div> 跳转<input type="text" id="pageNo" value="1" style="width: 30px">页
            <input type="button" value="跳转" onclick="goto()">
        </div>
        <div><input type="button" value="首页" onclick="first()"></div>
        <div><input type="button" value="上一页" onclick="last()"></div>
        <div><input type="button" value="下一页" onclick="next()"></div>
        <div><input type="button" value="尾页" onclick="end()"></div>
        <div>每一页显示
            <select id="pageSize">
                <option value="5">5</option>
                <option value="10" selected>10</option>
                <option value="20">20</option>
                <option value="50">50</option>
            </select>
            条
        </div>
    </div>
</div>
</body>
</html>
